<template>
	<view>
		<view class="w-600 b_bai br-20 m-t-40 p-l-30 p-r-30">
			<view class="lh-130 f-wb color333 f-36">工具箱</view>
			<view class="d_flex d_flex_between d_flex_wrap p-b-40 list-box">
				<view class="w-180 h-180 items d_flex d_flex_center d_flex_wrap br-10 m-b-30" 
					v-for="(item,index) in list" :key="index"
					@click="jump(item.path)">
					<image :src="item.icon" class="w-58 h-58 m-t-35"></image>
					<view class="w-180 t_c f-24 color333">{{item.title}}</view>
				</view>
				<button open-type='contact' class="w-180 h-180 button_style">
					<view  class="w-180 h-180 items d_flex d_flex_center d_flex_wrap br-10 m-b-30">
						<image src="https://tzdj.1qit.com/assets/wx_imgs/my/04.png" class="w-58 h-58 m-t-35"></image>
						<view class="w-180 t_c f-24 color333">在线客服</view>
					</view>
				</button>
				<div class="w-180 h-180 button_style" @click="callPhone">
					<view  class="w-180 h-180 items d_flex d_flex_center d_flex_wrap br-10 m-b-30">
						<image src="https://tzdj.1qit.com/assets/wx_imgs/my/icon5.png" class="w-58 h-58 m-t-35"></image>
						<view class="w-180 t_c f-24 color333">电话客服</view>
					</view>
				</div>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			list:Array
		},
		methods:{
			jump(path){
				this.$emit('jump',path)
			},
			callPhone(){
				uni.makePhoneCall({
				    phoneNumber: '13331580049' 
				});
			}
		}
		
	}
</script>

<style lang="scss">
	.list-box:after{
		content: "";
		width: 180rpx;
	}
	.items{
		background:#edf1f9;
	}
	.button_style{
		padding:0;
	    background:none;
		margin:0;
	}
	.button_style::after{ border: none;}
</style>
